.left-warn-data-container {
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px 24px 24px;
  .container-warn-count {
    width: 100%;
    padding: 16px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    .dr_count_item {
      flex: 0 0 192px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }
  .container-warn-top5 {
    width: 100%;
    height: 120px;
    .top5-nodata {
      width: 100%;
      height: 120px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      img {
        width: 33px;
        height: 33px;
        overflow: hidden;
      }
      p {
        margin-top: 4px;
        font-size: 12px;
        color: #ffffff;
        opacity: 0.32;
        line-height: 17px;
      }
    }
    .top5-data-list {
      width: 100%;
      height: 120px;
      display: flex;
      flex-flow: row nowrap;
      column-gap: 10px;
      overflow: hidden;

      .list-item {
        flex: 0 0 92px;
        width: 92px;
        height: 120px;
        box-sizing: border-box;
        padding: 7px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-image: url("@//assets/icons/safeCoGovernance/top5ItemBg.png");
        background-size: cover;
        .item-top {
          width: 78px;
          overflow: hidden;
          .item-aler-aler-time {
            width: 78px;
            overflow: hidden;
            height: 17px;
            text-align: left;
            font-size: 12px;
            color: #ffffff;
            line-height: 17px;
            opacity: 0.64;
            margin-bottom: 4px;
          }
          .item-aler-name {
            width: 78px;
            height: 20px;
            overflow: hidden;
            font-size: 14px;
            color: #f55650;
            text-align: left;
            line-height: 20px;
          }
        }
        .item-bottom {
          width: 78px;
          overflow: hidden;
          .item-aler-personname {
            width: 78px;
            overflow: hidden;
            height: 17px;
            text-align: left;
            font-size: 12px;
            color: #ffffff;
            line-height: 17px;
            white-space: nowrap;
            margin-bottom: 4px;
          }
          .item-aler-platenumber {
            width: 78px;
            overflow: hidden;
            height: 17px;
            text-align: left;
            font-size: 12px;
            color: #ffffff;
            line-height: 17px;
            white-space: nowrap;
          }
        }
      }
    }
  }
}
